<template>
	<view class="layer">
		<IndexHead :rightTapHandle1="rightTapHandle1" :config="navConfig" />
		<!-- 地址1 -->
		<view class="form1" v-for="info in dazhidata" :key="info.id">
			<view>
				<view class="name">{{info.name}}</view>
				<view class="tel">{{info.phone}}</view>
			</view><br>
			<view class="addr">{{info.dizhi}}</view><br>
			<view class="CRUD">
				<view class="xuanze">
					<checkbox class="one" value="cb" checked="true" color="#FF9B00" style="transform:scale(0.5)" />
					<!-- <radio class="one" checked="true" value="cb" color="#FF9B00" style="transform:scale(0.5)" /> -->
					<view class="moren">默认地址</view>
					<!-- <input type="radio" id="defualtAdd" name="defualtAdd">默认地址 -->
				</view>
				<view class="update">
					<image src="../../../../static/myPic/bianji.png"></image>
					<view class="bianji">编辑</view>
				</view>
				<view class="delete">
					<image src="../../../../static/myPic/qingchu.png"></image>
					<view class="shanchu">删除</view>
				</view>
			</view>
		</view>
		
		<!-- 地址2 -->
		<view class="form2" v-for="info in sheweidata" :key="info.id">
			<view>
				<view class="name">{{info.name}}</view>
				<view class="tel">{{info.phone}}</view>
			</view><br>
			<view class="addr">{{info.dizhi}}</view><br>
			<view class="CRUD">
				<view class="xuanze">
					<checkbox class="one" value="radio" color="#FF9B00" style="transform:scale(0.5)" />
					<!-- <radio class="one" checked="true" value="cb" color="#FF9B00" style="transform:scale(0.5)" /> -->
					<view class="moren1">设为默认</view>
					<!-- <input type="radio" id="defualtAdd" name="defualtAdd">默认地址 -->
				</view>
				<view class="update">
					<image src="../../../../static/myPic/bianji.png"></image>
					<view class="bianji">编辑</view>
				</view>
				<view class="delete">
					<image src="../../../../static/myPic/qingchu.png"></image>
					<view class="shanchu">删除</view>
				</view>
			</view>
		</view>

	</view>

</template>

<script>
	export default {
		data() {
			return {
				dazhidata: [
					{
						id: 0,
						name: "张三",
						phone: "12344453334",
						dizhi: "上海市浦东新区云山路456街3号203室"
					},
				],
				sheweidata: [
					{
						id: 1,
						name: "李四",
						phone: "12344453334",
						dizhi: "上海市浦东新区云山路456街3号203室"
					},
					{
						id: 2,
						name: "麻五",
						phone: "12344453334",
						dizhi: "上海市浦东新区云山路456街3号203室"
					},
				],
				navConfig: {
					backgroundColor: 'transparent',
					color: '#fff',
					common: {
						hasSearch: false,
						hasMenu: false,
						hasTitle: true,
						minHead: true,
					},
					left: {
						showPos: false,

					},
					mid: {
						title: '收货地址',
						hasSearchMid: false,
						rtext: '新增地址',
					},
					right: {

					}
				},



				curTabIndex: 0,
			}
		},
		methods: {
			rightTapHandle1() {
				console.log(333333333);
				uni.navigateTo({
					url: '/pages/my/myAddress/address1'
				})
			},
			
		}
	}
</script>

<style>
	* {
		margin: 0;
		padding: 0;
	}

	i {
		font-style: normal;
	}

	.layer {
		position: absolute;
		width: 750upx;
		height: 1334upx;
		background-color: #f6f6f6;
	}

	.bgc {
		position: relative;
		width: 750upx;
		height: 180upx;
		background-image: linear-gradient(to bottom, #5875FD, #54ADFF, #fff);
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#54ADFF', endColorstr='#fff', GradientType=1);
	}

	.headIcon {
		position: absolute;
		margin-top: 64upx;
	}

	.headIcon text {
		float: left;
		width: 20upx;
		height: 36upx;
		margin-left: 29upx;
		color: #fff;
		font-size: 32upx;
		/* margin-top: 10upx; */
	}

	.headIcon i {
		float: left;
		width: 130upx;
		height: 31upx;
		margin-left: 38upx;
		font-size: 32upx;
		font-family: PingFang SC Regular;
		color: #fff;
	}

	.headIcon view {
		float: left;
		width: 130upx;
		height: 31upx;
		margin-left: 350upx;
		font-size: 32upx;
		font-family: PingFang SC Regular;
		color: #fff;
	}

	/* 地址1 */
	.form1 {
		width: 750upx;
		height: 200upx;
		background-color: #fff;
	}

	.form1 .name {
		width: 120upx;
		height: 22upx;
		font-size: 30upx;
		font-family: PingFang SC Regular;
		color: #333333;
		margin-left: 28upx;
		margin-top: 26upx;
		float: left;
	}

	.form1 .tel {
		width: 185upx;
		height: 22upx;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #999999;
		margin-left: 45upx;
		margin-top: 30upx;
		float: left;
	}

	.form1 .addr {
		width: 600upx;
		height: 28upx;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #333333;
		margin-left: 26upx;
		margin-top: 22upx;
		margin-bottom: 40upx;
		float: left;
	}

	.form1 .xuanze {
		width: 400upx;
		height: 25upx;
		margin-left: 29upx;
		/* margin-top: 39upx; */
		float: left;
	}

	.form1 .xuanze .one {
		width: 24upx;
		height: 22upx;
		float: left;
		margin-top: -5upx;
	}

	.form1 .moren {
		width: 110upx;
		height: 22upx;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: rgba(255, 155, 0, 1);
		float: left;
		margin-left: 20upx;
	}

	.form1 .update image {
		width: 24upx;
		height: 24upx;
		background: #fff;
		margin-top: 4upx;
		margin-left: 28upx;
		float: left;
	}

	.form1 .bianji {
		width: 55upx;
		height: 23upx;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: #666666;
		margin-left: 13upx;
		/* margin-top: 35upx; */
		float: left;
	}

	.form1 .delete image {
		width: 24upx;
		height: 24upx;
		background: #fff;
		margin-top: 4upx;
		margin-left: 46upx;
		float: left;
	}

	.form1 .shanchu {
		width: 55upx;
		height: 23upx;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: #666666;
		margin-left: 13upx;
		/* margin-top: 35upx; */
		float: left;
	}

	/* 地址2 */
	.form2 {
		margin-top: 15upx;
		width: 750upx;
		height: 186upx;
		background-color: #fff;
	}

	.form2 .name {
		width: 120upx;
		height: 22upx;
		font-size: 30upx;
		font-family: PingFang SC Regular;
		color: #333333;
		margin-left: 28upx;
		margin-top: 26upx;
		float: left;
	}

	.form2 .tel {
		width: 185upx;
		height: 22upx;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #999999;
		margin-left: 45upx;
		margin-top: 30upx;
		float: left;
	}

	.form2 .addr {
		width: 600upx;
		height: 28upx;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #333333;
		margin-left: 26upx;
		margin-top: 22upx;
		margin-bottom: 40upx;
		float: left;
	}

	.form2 .xuanze {
		width: 400upx;
		height: 25upx;
		margin-left: 29upx;
		/* margin-top: 39upx; */
		float: left;
	}

	.form2 .xuanze .one {
		width: 24upx;
		height: 22upx;
		float: left;
		margin-top: -5upx;
		border-radius: 50upx;
	}

	.form2 .moren1 {
		width: 110upx;
		height: 22upx;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: #999999;
		float: left;
		margin-left: 20upx;
	}

	.form2 .update image {
		width: 24upx;
		height: 24upx;
		background: #fff;
		margin-top: 4upx;
		margin-left: 28upx;
		float: left;
	}

	.form2 .bianji {
		width: 55upx;
		height: 23upx;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: #666666;
		margin-left: 13upx;
		/* margin-top: 35upx; */
		float: left;
	}

	.form2 .delete image {
		width: 24upx;
		height: 24upx;
		background: #fff;
		margin-top: 4upx;
		margin-left: 46upx;
		float: left;
	}

	.form2 .shanchu {
		width: 55upx;
		height: 23upx;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: #666666;
		margin-left: 13upx;
		/* margin-top: 35upx; */
		float: left;
	}

	/* 地址3 */
	.form3 {
		margin-top: 15upx;
		width: 750upx;
		height: 186upx;
		background-color: #fff;
	}

	.form3 .name {
		width: 120upx;
		height: 22upx;
		font-size: 30upx;
		font-family: PingFang SC Regular;
		color: #333333;
		margin-left: 28upx;
		margin-top: 26upx;
		float: left;
	}

	.form3 .tel {
		width: 185upx;
		height: 22upx;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #999999;
		margin-left: 45upx;
		margin-top: 30upx;
		float: left;
	}

	.form3 .addr {
		width: 482upx;
		height: 23upx;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #333333;
		margin-left: 26upx;
		margin-top: 22upx;
		float: left;
	}

	.form3 .xuanze {
		width: 400upx;
		height: 25upx;
		margin-left: 29upx;
		margin-top: 9upx;
		float: left;
	}

	.form3 .xuanze image {
		width: 24upx;
		height: 22upx;
		float: left;
		margin-top: 6upx;
	}

	.form3 .moren {
		width: 110upx;
		height: 22upx;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: rgba(255, 155, 0, 1);
		float: left;
		margin-left: 20upx;
		margin-top: -1upx;
	}

	.form3 .update image {
		width: 24upx;
		height: 24upx;
		background: #fff;
		margin-top: 4upx;
		margin-left: 28upx;
		float: left;
		margin-top: 9upx;
	}

	.form3 .bianji {
		width: 55upx;
		height: 23upx;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: #666666;
		margin-left: 13upx;
		/* margin-top: 35upx; */
		float: left;
		margin-top: -1upx;
	}

	.form3 .delete image {
		width: 24upx;
		height: 24upx;
		background: #fff;
		margin-top: 4upx;
		margin-left: 46upx;
		float: left;
		margin-top: 9upx;
	}

	.form3 .shanchu {
		width: 55upx;
		height: 23upx;
		font-size: 24upx;
		font-family: PingFang SC Regular;
		color: #666666;
		margin-left: 13upx;
		/* margin-top: 35upx; */
		float: left;
		margin-top: -1upx;
	}
</style>
